<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/resrt.css">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/main.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./iconfont/font_pp6gxlds6r/iconfont.css">
</head>

<body>
    <header>
        <div class="top-imge">
            <h1>一艺孤行</h1>
        </div>
        <div class="manu">
            <div class="left">
                <ul class="navlist">
                    <li class="iconfont"><a href="#">&#xe6b3;</a></li>
                    <li><a href="#">推荐</a></li>
                    <li><a href="#">热门</a></li>
                    <li class="btli"><a href="#">音乐</a>
                        <ul class="droplist">
                            <li><a href="#">华语</a></li>
                            <li><a href="#">古风</a></li>
                            <li><a href="#">英文</a></li>
                            <li><a href="#">日语</a></li>
                            <li><a href="#">直播</a></li>
                            <li><a href="#">其他</a></li>
                        </ul>
                    </li>
                    <li class="btli"><a href="#">美术</a>
                        <ul class="droplist">
                            <li><a href="#">插画</a></li>
                            <li><a href="#">线稿</a></li>
                            <li><a href="#">雕塑</a></li>
                            <li><a href="#">手工</a></li>
                            <li><a href="#">直播</a></li>
                            <li><a href="#">其他</a></li>
                        </ul>
                    </li>
                    <li><a href="#">服装</a></li>
                    <li class="btli"><a href="#">摄影</a>
                        <ul class="droplist">
                            <li><a href="#">写实</a></li>
                            <li><a href="#">抽象</a></li>
                            <li><a href="#">风景</a></li>
                            <li><a href="#">人物</a></li>
                            <li><a href="#">其他</a></li>
                        </ul>
                    </li>
                    <li class="btli"><a href="#">文学</a>
                        <ul class="droplist">
                            <li><a href="#">名著</a></li>
                            <li><a href="#">小说</a></li>
                            <li><a href="#">其他</a></li>
                        </ul>
                    </li>
                    <li><a href="#">其他</a></li>
                </ul>
            </div>
            <div class="right">
                <div class="iconfont"><a href="#">&#xe6b8;</a></div>
                <div class="iconfont"><a href="#">&#xe6b2;</a></div>
                <div class="iconfont"><a href="#">&#xe6b4;</a></div>
                <div class="iconfont"><a href="#">&#xe6b6;</a></div>
                <div class="iconfont"><a href="#">&#xe6b7;</a></div>
                <div class="iconfont"><a href="#">&#xe6b5;</a></div>
            </div>
        </div>
    </header>
    <div class="main">
        <div class="con1">
            <a href="#">
                <img src="./imges/8289b9b808380dcd.jpg" alt="lunbotu">
            </a>
        </div>
        <div class="con2"></div>
        <div class="con"></div>
        <div class="con"></div>
        <div class="con"></div>
        <div class="con"></div>
        <div class="con"></div>
        <div class="con"></div>
        <div class="con"></div>
        <div class="con"></div>
        <div class="con"></div>
        <div class="con"></div>
        <div class="con"></div>
        <div class="con"></div>
    </div>
    <footer>
        <div>

        </div>
    </footer>
</body>

</html>